import React from 'react';
import PropTypes from 'prop-types';

Label.propTypes = {
    className: PropTypes.string,
    label: PropTypes.string,
    isHasArrow: PropTypes.bool,
};
export default function Label(props) {
    const { className, label, isHasArrow } = props; 
    return <div className={`weui-cell weui-cell_active weui-cell_access ${className || ''} ${isHasArrow ? 'weui-cell_access' : ''}`}>
        <div className="weui-cell__hd">
            <label className="weui-label ">{label}</label>
        </div>
        <div className={`weui-cell__bd `}>
            {props.children}
        </div>
        {isHasArrow && <div className="weui-cell__ft"></div>}
    </div>
}
